.index_page {
  padding: 0 30rpx;
}
// 头部
.index_header {
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 30rpx;
}

// 搜索框
.index_search {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 20;
  padding:30rpx;

  .search {
    border: 1px solid #ddd;
    border-radius: 15px;
    font-size: 28rpx;
    padding: 15rpx;
    .icon {
      margin: 0 50rpx 0 30rpx;
    }

    .placeholder {}
  }
}


// 轮播图
.banner {
  margin-top: 220rpx;
}

// 统计
.stat {
  margin: 30rpx 0;
  padding: 30rpx 0;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .stat_num_box {
    font-size: 30rpx;
    position: relative;
    width: 25%;

    .stat_num {
      position: relative;
      height: 50rpx;

      .num {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        color: rgba(255, 0, 0, 1);

        text {
          font-size: 44rpx;
          font-weight: 600;
        }
      }

      .bottom_bg {
        position: absolute;
        top: 38rpx;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(255, 0, 0, 0.3);
        width: 60%;
        height: 20rpx;
        border-radius: 10rpx;
      }
    }

    .stat_title {
      text-align: center;
      margin-top: 30rpx;
      font-size: 32rpx;
    }

    .right_line {
      position: absolute;
      top: 50%;
      right: 0;
      height: 25px;
      width: 1px;
      background-color: #ff00aa;
      transform: translateY(-50%);
    }
  }
}

// 优惠券分类
.coupon_category {
  .cate_title {
    font-size: 40rpx;
  }

  .cate_subtitle {
    font-size: 26rpx;
    margin: 20rpx 0;
  }

  .cate_box {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .cate_box_child {
      text-align: center;
      background-color: #fff;

      .cate_card {
        padding: 40rpx 15rpx;

        image {}

        .type {
          font-size: 36rpx;
          margin: 20rpx 0;
        }

        .scene {
          font-size: 24rpx;
          background-color: #F3F3F3;
          padding: 5rpx 25rpx;
          border-radius: 20rpx;
        }
      }
    }
  }
}

// 领券中心
.coupon_collection_center {
  width: 100%;
  height: 300rpx;
  margin: 30rpx 0;
}

// 商品列表
.shop_list {
  max-width: 100%;

  .shop_message_box {
    margin-top: 40rpx;
    background-color: #fff;
    padding: 0 30rpx;
    border-radius: 20rpx;

    .shop_message {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #f1f1f1;
      padding: 40rpx 0;

      .shop_thumb {
        width: 150rpx;
        height: 220rpx;
        border-radius: 10rpx;

        image {
          width: 150rpx;
          background-color: #ffaa00;
          height: 220rpx;
          border-radius: 10rpx;
        }
      }

      .shop_main_message {
        .msg_title {
          /*强制文本在一行内显示*/
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 460rpx;
          font-size: 32rpx;
        }

        .shop_potion {
          font-size: 28rpx;
          margin-top: 10rpx;

          text {}
        }

        .shop_set_meal {
          margin-top: 10rpx;
          display: flex;
          align-items: center;
          justify-content: space-between;

          .left {
            text {
              font-size: 24rpx;
            }
          }

          .right {
            text {
              font-size: 24rpx;
            }
          }
        }
      }
    }
  }
}

//公共卡片样式
.common_card {
  border-radius: 20rpx;
  overflow: hidden;
  box-shadow: -5px 5px 5px #ddd;
}